<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>贵州五日游行程规划表</title>
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <style>
        :root {
            --primary-color: #3498db;
            --secondary-color: #2ecc71;
            --accent-color: #e74c3c;
            --warning-color: #f1c40f;
            --info-color: #9b59b6;
            --text-color: #2c3e50;
            --light-bg: #ecf0f1;
            --white: #ffffff;
            --shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        /* 打印样式优化 */
        @media print {
            @page {
                size: A4;
                margin: 10mm;
            }
            body {
                width: 210mm;
                height: 297mm;
                margin: 0;
                padding: 10mm;
                background-color: var(--white) !important;
            }
            .no-print {
                display: none !important;
            }
            .page-break {
                page-break-before: always;
            }
        }

        /* 基础样式 */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: 'Noto Sans SC', sans-serif;
            line-height: 1.6;
            max-width: 210mm;
            margin: 0 auto;
            padding: 20px;
            background-color: var(--light-bg);
            color: var(--text-color);
        }

        .container {
            background-color: var(--white);
            padding: 20px;
            border-radius: 10px;
            box-shadow: var(--shadow);
            min-height: 297mm;
        }

        /* 标题样式 */
        .header {
            text-align: center;
            margin-bottom: 30px;
            padding: 20px;
            background: linear-gradient(135deg, var(--primary-color), var(--info-color));
            color: var(--white);
            border-radius: 10px;
        }

        .header h1 {
            font-size: 28px;
            margin-bottom: 15px;
            text-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .header-info {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            font-size: 14px;
        }

        /* 行程概览 */
        .overview {
            margin-bottom: 30px;
            padding: 20px;
            background-color: var(--white);
            border-radius: 10px;
            box-shadow: var(--shadow);
        }

        .overview h2 {
            font-size: 20px;
            color: var(--primary-color);
            margin-bottom: 15px;
        }

        /* 详细行程表 */
        .schedule {
            margin-bottom: 30px;
        }

        .day-schedule {
            margin-bottom: 20px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: var(--shadow);
            border: none;
        }

        .day-header {
            background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
            color: var(--white);
            padding: 15px 20px;
        }

        .day-content {
            padding: 20px;
            background-color: var(--white);
        }

        .timeline {
            list-style: none;
        }

        .timeline li {
            position: relative;
            padding-left: 35px;
            margin-bottom: 20px;
        }

        .timeline li:before {
            content: '';
            position: absolute;
            left: 0;
            top: 5px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: var(--secondary-color);
            box-shadow: 0 0 0 4px rgba(46, 204, 113, 0.2);
        }

        .timeline li ul {
            margin-top: 10px;
            padding-left: 20px;
            list-style: none;
        }

        .timeline li ul li {
            color: var(--text-color);
            margin-bottom: 5px;
            padding-left: 20px;
        }

        .timeline li ul li:before {
            content: '•';
            position: absolute;
            left: 0;
            color: var(--accent-color);
            background: none;
            box-shadow: none;
            font-size: 20px;
            top: -2px;
        }

        /* 美食推荐 */
        .info-section {
            margin-bottom: 30px;
        }

        .info-section h2 {
            font-size: 20px;
            color: var(--primary-color);
            margin-bottom: 15px;
        }

        .info-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .info-card {
            padding: 20px;
            background-color: var(--white);
            border-radius: 10px;
            box-shadow: var(--shadow);
            transition: transform 0.2s ease;
        }

        .info-card:hover {
            transform: translateY(-2px);
        }

        .info-card h3 {
            font-size: 18px;
            color: var(--secondary-color);
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--light-bg);
        }

        .info-card ul li {
            margin-bottom: 12px;
            padding-left: 25px;
            position: relative;
        }

        .info-card ul li:before {
            content: '→';
            position: absolute;
            left: 0;
            color: var(--accent-color);
        }

        .detail {
            font-size: 14px;
            color: #666;
            margin-top: 5px;
            padding-left: 5px;
            border-left: 3px solid var(--warning-color);
        }

        /* 表格样式 */
        table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            margin-bottom: 15px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: var(--shadow);
        }

        th, td {
            padding: 12px 15px;
            text-align: left;
            border: none;
        }

        th {
            background-color: var(--primary-color);
            color: var(--white);
            font-weight: 500;
        }

        tr:nth-child(even) {
            background-color: var(--light-bg);
        }

        tr:nth-child(odd) {
            background-color: var(--white);
        }

        /* 虚线剪裁线 */
        .cut-line {
            border: 1px dashed #ccc;
            margin: 20px 0;
        }

        /* 打印按钮 */
        .print-btn {
            position: fixed;
            bottom: 30px;
            right: 30px;
            padding: 12px 25px;
            background-color: var(--accent-color);
            color: var(--white);
            border: none;
            border-radius: 25px;
            cursor: pointer;
            font-size: 16px;
            box-shadow: var(--shadow);
            transition: all 0.3s ease;
        }

        .print-btn:hover {
            background-color: #c0392b;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }

        /* 图标样式 */
        .icon {
            margin-right: 8px;
            color: inherit;
        }

        /* 动画效果 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .day-schedule, .info-card {
            animation: fadeIn 0.5s ease-out forwards;
        }

        .day-schedule:nth-child(1) { animation-delay: 0.1s; }
        .day-schedule:nth-child(2) { animation-delay: 0.2s; }
        .day-schedule:nth-child(3) { animation-delay: 0.3s; }
        .day-schedule:nth-child(4) { animation-delay: 0.4s; }
        .day-schedule:nth-child(5) { animation-delay: 0.5s; }
    </style>
</head>
<body>
    <div class="container">
        <!-- 标题区域 -->
        <div class="header">
            <h1>贵州五日游行程规划表</h1>
            <div class="header-info">
                <div><i class="fas fa-calendar icon"></i>日期：2024年4月30日-5月4日</div>
                <div><i class="fas fa-users icon"></i>创作者：铁甲小宝</div>
                <div><i class="fas fa-cloud icon"></i>天气：15-25℃，多云转晴</div>
            </div>
        </div>

        <!-- 行程概览 -->
        <div class="overview">
            <h2><i class="fas fa-map-marked-alt icon"></i>行程概览</h2>
            <table>
                <tr>
                    <th>日期</th>
                    <th>行程安排</th>
                    <th>住宿</th>
                </tr>
                <tr>
                    <td>Day 1 (4.30)</td>
                    <td>合肥→贵阳，黔灵山公园，青云路美食</td>
                    <td>贵阳市区</td>
                </tr>
                <tr>
                    <td>Day 2 (5.1)</td>
                    <td>青岩古镇，花溪公园</td>
                    <td>贵阳市区</td>
                </tr>
                <tr>
                    <td>Day 3 (5.2)</td>
                    <td>天河潭，红枫湖</td>
                    <td>贵阳市区</td>
                </tr>
                <tr>
                    <td>Day 4 (5.3)</td>
                    <td>观山湖公园，花溪夜郎谷</td>
                    <td>贵阳市区</td>
                </tr>
                <tr>
                    <td>Day 5 (5.4)</td>
                    <td>贵州省博物馆，返程</td>
                    <td>-</td>
                </tr>
            </table>
        </div>

        <!-- 详细行程表 -->
        <div class="schedule">
            <div class="day-schedule">
                <div class="day-header">
                    <h3><i class="fas fa-calendar-day icon"></i>Day 1 - 4月30日</h3>
                </div>
                <div class="day-content">
                    <ul class="timeline">
                        <li>07:30 从合肥市区出发前往新桥国际机场</li>
                        <li>09:55 乘坐航班前往贵阳（约2小时20分钟）</li>
                        <li>12:15 到达贵阳龙洞堡国际机场</li>
                        <li>13:30-14:30 入住酒店</li>
                        <li>14:30-17:30 游览黔灵山公园
                            <ul>
                                <li>门票：20元/人</li>
                                <li>重点：弘福寺、猕猴观赏区、山顶观景</li>
                            </ul>
                        </li>
                        <li>18:00-20:00 青云路美食街晚餐
                            <ul>
                                <li>推荐：老凯俚酸汤鱼、丝娃娃</li>
                                <li>预算：人均80-100元</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="day-schedule">
                <div class="day-header">
                    <h3><i class="fas fa-calendar-day icon"></i>Day 2 - 5月1日</h3>
                </div>
                <div class="day-content">
                    <ul class="timeline">
                        <li>08:30 从酒店出发前往青岩古镇</li>
                        <li>09:30-12:30 游览青岩古镇
                            <ul>
                                <li>门票：10元/人</li>
                                <li>必看：文昌宫、青岩古街、万寿宫</li>
                                <li>特色小吃：青岩豆腐、青岩老腊肉</li>
                            </ul>
                        </li>
                        <li>14:00-17:30 游览花溪公园
                            <ul>
                                <li>门票：免费</li>
                                <li>重点：十里河滩、水上公园、花溪桥</li>
                            </ul>
                        </li>
                        <li>18:00-20:00 花溪大道美食
                            <ul>
                                <li>推荐：贵州特色火锅</li>
                                <li>预算：人均60-80元</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="day-schedule">
                <div class="day-header">
                    <h3><i class="fas fa-calendar-day icon"></i>Day 3 - 5月2日</h3>
                </div>
                <div class="day-content">
                    <ul class="timeline">
                        <li>09:00 从酒店出发前往天河潭</li>
                        <li>10:00-14:00 游览天河潭
                            <ul>
                                <li>门票：96元/人</li>
                                <li>必玩：玻璃栈道、瀑布观赏</li>
                                <li>建议带午餐或在景区用餐</li>
                            </ul>
                        </li>
                        <li>15:00-18:00 游览红枫湖
                            <ul>
                                <li>门票：免费（游船50元/人）</li>
                                <li>活动：湖边漫步、游船观光、观赏日落</li>
                            </ul>
                        </li>
                        <li>19:00-21:00 返回市区晚餐
                            <ul>
                                <li>推荐：泉上·贵州菜</li>
                                <li>必点：酸汤牛肉、糯米饭、辣子鸡</li>
                                <li>预算：人均100-120元</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="day-schedule">
                <div class="day-header">
                    <h3><i class="fas fa-calendar-day icon"></i>Day 4 - 5月3日</h3>
                </div>
                <div class="day-content">
                    <ul class="timeline">
                        <li>09:00-12:00 游览观山湖公园
                            <ul>
                                <li>门票：免费</li>
                                <li>重点：湖心岛、音乐喷泉、城市天际线</li>
                            </ul>
                        </li>
                        <li>14:00-18:00 游览花溪夜郎谷
                            <ul>
                                <li>门票：138元/人</li>
                                <li>特色：温泉体验、民族表演、溶洞探险</li>
                                <li>提示：记得带泳衣</li>
                            </ul>
                        </li>
                        <li>19:00-21:00 金阳夜市
                            <ul>
                                <li>推荐：丝娃娃、肠旺面、烙锅</li>
                                <li>预算：人均50-80元</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="day-schedule">
                <div class="day-header">
                    <h3><i class="fas fa-calendar-day icon"></i>Day 5 - 5月4日</h3>
                </div>
                <div class="day-content">
                    <ul class="timeline">
                        <li>09:00-11:00 游览贵州省博物馆
                            <ul>
                                <li>门票：免费（需要提前预约）</li>
                                <li>重点：贵州少数民族文化展、历史文化展</li>
                            </ul>
                        </li>
                        <li>11:30-13:00 购买特产
                            <ul>
                                <li>推荐：老干妈、贵州茅台、贵州腊肉</li>
                                <li>地点：市区超市或机场免税店</li>
                            </ul>
                        </li>
                        <li>14:00 前往机场</li>
                        <li>16:30 乘机返回合肥</li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 美食推荐 -->
        <div class="info-section">
            <h2><i class="fas fa-utensils icon"></i>特色美食推荐</h2>
            <div class="info-grid">
                <div class="info-card">
                    <h3>必尝美食</h3>
                    <ul>
                        <li>酸汤鱼（80-120元/份）
                            <div class="detail">推荐：老凯俚酸汤鱼，特色：酸爽开胃</div>
                        </li>
                        <li>丝娃娃（15-20元/份）
                            <div class="detail">新鲜时蔬配特制酱料</div>
                        </li>
                        <li>肠旺面（12-15元/碗）
                            <div class="detail">贵阳特色早餐，建议早上7-9点品尝</div>
                        </li>
                        <li>糯米饭（8-10元/份）
                            <div class="detail">配上酸汤最佳，在当地餐馆都能点到</div>
                        </li>
                    </ul>
                </div>
                <div class="info-card">
                    <h3>特色餐厅</h3>
                    <ul>
                        <li>老凯俚酸汤鱼（多家分店）
                            <div class="detail">人均：80-100元，建议提前预约</div>
                        </li>
                        <li>丝恋丝娃娃（国贸广场店）
                            <div class="detail">人均：50-70元，环境优雅</div>
                        </li>
                        <li>梅姐地摊火锅
                            <div class="detail">人均：60-80元，地道贵州味</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 交通信息 -->
        <div class="info-section">
            <h2><i class="fas fa-bus icon"></i>交通信息</h2>
            <div class="info-grid">
                <div class="info-card">
                    <h3>市内交通</h3>
                    <ul>
                        <li>地铁
                            <div class="detail">单程票价：2-7元，建议下载"贵阳地铁"APP</div>
                        </li>
                        <li>公交车
                            <div class="detail">票价：1-3元/次，可使用支付宝或微信支付</div>
                        </li>
                        <li>出租车
                            <div class="detail">起步价：10元/3公里，建议使用滴滴出行APP</div>
                        </li>
                    </ul>
                </div>
                <div class="info-card">
                    <h3>景点间交通</h3>
                    <ul>
                        <li>包车服务
                            <div class="detail">费用：400-600元/天，适合多人出行</div>
                        </li>
                        <li>网约车
                            <div class="detail">费用：视距离而定，方便灵活</div>
                        </li>
                        <li>观光巴士
                            <div class="detail">部分景区之间有观光巴士连接</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 实用信息 -->
        <div class="useful-info">
            <div class="info-card">
                <h3><i class="fas fa-exclamation-circle icon"></i>注意事项</h3>
                <ul>
                    <li>天气
                        <div class="detail">温差大，建议带外套；多变，需备雨具</div>
                    </li>
                    <li>高原反应
                        <div class="detail">海拔1100米左右，准备高原反应药物</div>
                    </li>
                    <li>饮食建议
                        <div class="detail">菜品偏辣偏酸，建议携带肠胃药</div>
                    </li>
                    <li>门票预订
                        <div class="detail">景点门票建议提前在线预订，博物馆需预约</div>
                    </li>
                </ul>
            </div>
            <div class="info-card">
                <h3><i class="fas fa-phone icon"></i>重要电话</h3>
                <ul>
                    <li>紧急求助：110
                        <div class="detail">警察报警电话</div>
                    </li>
                    <li>医疗急救：120
                        <div class="detail">24小时急救服务</div>
                    </li>
                    <li>旅游咨询：12301
                        <div class="detail">旅游服务热线</div>
                    </li>
                    <li>消费维权：12315
                        <div class="detail">消费者权益保护</div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 行李清单 -->
        <div class="info-section">
            <h2><i class="fas fa-suitcase icon"></i>行李清单</h2>
            <div class="info-grid">
                <div class="info-card">
                    <h3>必备物品</h3>
                    <ul>
                        <li>证件
                            <div class="detail">身份证、银行卡、现金</div>
                        </li>
                        <li>衣物
                            <div class="detail">外套、轻便衣物、舒适鞋子、泳衣</div>
                        </li>
                        <li>电子设备
                            <div class="detail">手机、充电器、充电宝</div>
                        </li>
                        <li>洗漱用品
                            <div class="detail">牙刷、牙膏、毛巾、洗漱包</div>
                        </li>
                    </ul>
                </div>
                <div class="info-card">
                    <h3>建议携带</h3>
                    <ul>
                        <li>防护用品
                            <div class="detail">雨伞、防晒霜、墨镜、帽子</div>
                        </li>
                        <li>医疗用品
                            <div class="detail">常用药物、创可贴、高原反应药</div>
                        </li>
                        <li>其他
                            <div class="detail">相机、小背包、水杯、零食</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 打印按钮 -->
        <button onclick="window.print()" class="print-btn no-print">
            <i class="fas fa-print"></i> 打印行程表
        </button>
    </div>

    <script>
        // 打印优化
        window.onbeforeprint = function() {
            document.querySelector('.print-btn').style.display = 'none';
        };
        window.onafterprint = function() {
            document.querySelector('.print-btn').style.display = 'block';
        };
    </script>
</body>
</html> 